#!/bin/bash

echo "================================================"
echo "           代码查看器演示启动脚本"
echo "================================================"
echo
echo "正在打开演示页面..."
echo
echo "您可以选择以下方式查看演示："
echo
echo "1. 静态演示页面（推荐，直接在浏览器中打开）"
echo "   文件：demo.html"
echo
echo "2. 完整 Angular 17 项目（需要安装 Node.js）"
echo "   运行：npm install && npm start"
echo
echo "================================================"
echo

# 检测操作系统并打开浏览器
if [[ "$OSTYPE" == "darwin"* ]]; then
    # macOS
    open demo.html
elif [[ "$OSTYPE" == "linux-gnu"* ]]; then
    # Linux
    xdg-open demo.html
else
    echo "请手动在浏览器中打开 demo.html 文件"
fi

echo "演示页面已在浏览器中打开！"
echo
echo "特性说明："
echo "- 明亮主题界面，清爽美观"
echo "- 基于 Monaco Editor 的代码显示"
echo "- 支持代码区域折叠和展开"
echo "- 响应式设计，支持移动端"
echo
echo "如需运行完整 Angular 项目，请确保已安装 Node.js 18+"
echo "然后运行：npm install && npm start"
echo

read -p "按任意键继续..." 